<template>
  <div class="presonal">
    <div class="header">
      <span class="title">个人信息</span>
    </div>
    <div class="header-a"></div>
    <div class="presonaltext">基本信息</div>
    <div class="presonalbox">
      <!-- <div class="presonalbox-head">
        头像
        <div class="headerbox">
          <img :src="list.userHeadImg">
          </div>
      </div> -->
      <div class="presonalbox-name">
        姓名
        <div class="namebox">{{list.userName}}</div>
      </div>
      <div class="presonalbox-phone">
        手机号码
        <div class="phonebox">{{list.userPhone}}</div>
      </div>
      <div class="presonalbox-sex">
        性别
        <div class="sexboox">女</div>
      </div>
      <div class="presonalbox-weixin">
        微信号
        <div class="weixinbox">
          <img :src="images5" class="images5">
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import pic5 from "../../../icons/right.png";
import *as api from "../../../request/api.js"
export default {
  data() {
    return {
      images5: pic5,
      list:''
    };
  },
  created(){
    this.$http
    ({
      method:"post",
      url:api.USERINFO,
      data:{},
      // headers:{
      // token:JSON.parse(localStorage.getItem('token'))
      // }
    })
    .then(resp=>{
     console.log(resp)
     if(resp.data.success==true){
       this.list=resp.data.data
       console.log(this.list)
     }else{
       return false;
     }
    })
    .catch(resp=>{

    })
  },
  methods: {
  }
};
</script>


<style lang="less" scoped>
@import "../../../less/personal.less";
</style>

